<!DOCTYPE html>
<html lang="en">
<head>
<%include'public/header.html'%>
</head>
<body>
<div class="header">
    <div class="menu-btn">
      <div class="menu"></div>
    </div>
    <h1 class="logo">
      <a href="<< url_for('main.index') >>">
        <span>魔都子沐</span>
        <img src="<< common_logo >>" alt="魔都子沐">
      </a>
    </h1>
    <div class="nav">
      <a href="<< url_for('main.index') >>" id="header_index">首页</a>
      <a href="<< url_for('main.news') >>" id="header_news">IT快讯</a>
      <a href="<< url_for('main.whisper') >>" id="header_whisper">微语</a>
      <a href="<< url_for('main.leacots') >>" id="header_leacots">留言</a>
      <a href="<< url_for('main.album') >>" id="header_album">相册</a>
      <a href="<< url_for('main.monitor') >>" id="header_monitor">冠状病毒实时情况</a>
      <a href="<< url_for('main.about') >>" id="header_about">关于</a>
    </div>
    <div class="weater-iframe">
        <iframe src="https://i.tianqi.com/?c=code&a=getcode&id=7&icon=1&py=shanghai" height="100" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
    </div>
    <ul class="layui-nav header-down-nav">
      <li class="layui-nav-item"><a href="<< url_for('main.index') >>" id="header_index_nav">首页</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.news') >>" id="header_news_nav">IT快讯</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.whisper') >>" id="header_whisper_nav">微语</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.leacots') >>" id="header_leacots_nav">留言</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.album') >>" id="header_album_nav">相册</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.about') >>" id="header_about_nav">关于</a></li>
      <li class="layui-nav-item"><a href="<< url_for('main.monitor') >>" id="header_monitor_nav">冠状病毒实时情况</a></li>
    </ul>
  </div>
  <div class="banner">
    <div class="cont w1000">
      <div class="title">
        <h3><< title_ch|safe >></h3>
        <h4><< title_en >></h4>
      </div>
    </div>
  </div>
<%block content%><%endblock%>
<%include 'public/footer.html'%>
<canvas id="fireworks" style="position:fixed;left:0;top:0;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://cdn.bootcss.com/animejs/2.2.0/anime.min.js"></script>
<script type='text/javascript' src="<< url_for('static',filename='js/fireworks.js') >>"></script>
<script>
    $("body").css("cursor", "<< url_for('static', filename='image/sketch/normal.cur') >>");
    $("a").css("cursor", "<< url_for('static', filename='image/sketch/link.cur') >>");
</script>
 <script type="text/javascript">
   layui.config({
      base: "<< url_for('static', filename='js/util/') >>"
    }).use(['menu'],function(){
    element = layui.element,laypage = layui.laypage,form = layui.form,menu = layui.menu,flow=layui.flow,layedit=layui.layedit;
      <%block script%><%endblock%>
   })
  </script>
</body>
</html>